{include file="public/top"}
<article class="page-container">
    <form class="form-horizontal" role="form" action="" method="post" id="form-user-add">
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>用户名称：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="" id="uName" name="uname">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label for="group_id" class="form-label col-xs-4 col-sm-3" >
            <span class="c-red">*</span>用户密码：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="password" class="input-text" autocomplete="off"  placeholder="确认密码" id="password" name="password">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>真实姓名：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="" id="username" name="username">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>身份证号：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="" id="ide" name="ide">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label for="username" class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
        <div class="formControls col-xs-8 col-sm-9 skin-minimal">
            <div class="radio-box">
                <input name="sex" type="radio" id="rec-1" value="0" checked>
                <label for="rec-1">保密</label>
            </div>
            <div class="radio-box">
                <input name="sex" type="radio" id="rec-2" value="1">
                <label for="rec-2">男</label>
            </div>
            <div class="radio-box">
                <input name="sex" type="radio" id="rec-3" value="2">
                <label for="rec-3">女</label>
            </div>
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
            <label class="form-label col-xs-4 col-sm-3">生日：</label>
            <div class="formControls col-xs-8 col-sm-4">
                <input type="text" onfocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyy-MM-dd'})" id="birthday" name="birthday" class="input-text Wdate" style="width:180px;">
            </div>
        </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label for="username" class="form-label col-xs-4 col-sm-3" >上传头像：</label>
        <div class="formControls col-xs-8 col-sm-4">
            <input class="input-text" placeholder="" name="portrait_img"   type="file">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>手机号：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="" id="phone" name="phone">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label for="username" class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>是否禁用手机号：</label>
        <div class="formControls col-xs-8 col-sm-9 skin-minimal">
            <div class="radio-box">
                <input name="phone_active" type="radio" id="phone-1" value="0" checked>
                <label for="phone-1">禁用</label>
            </div>
            <div class="radio-box">
                <input name="phone_active" type="radio" id="phone-2" value="1">
                <label for="phone-2">开启</label>
            </div>
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>QQ：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="" id="qq" name="qq">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label class="form-label col-xs-4 col-sm-3">
            <span class="c-red">*</span>邮箱：
        </label>
        <div class="formControls col-xs-8 col-sm-4">
            <input type="text" class="input-text" value="" placeholder="邮箱" id="email" name="email">
        </div>
    </div>
    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <label for="username" class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>邮箱是否激活：</label>
        <div class="formControls col-xs-8 col-sm-9 skin-minimal">
            <div class="radio-box">
                <input name="email_active" type="radio" id="email-1" value="0" checked>
                <label for="email-1">未激活</label>
            </div>
            <div class="radio-box">
                <input name="email_active" type="radio" id="email-2" value="1">
                <label for="email-2">激活</label>
            </div>
        </div>
    </div>
   


    <div class="row cl" style="padding-top:20px;margin-left:40px;">
        <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
            <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
        </div>
    </div>
    </form>
</article>

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__admin__/lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="__admin__/lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="__admin__/lib/jquery.validation/1.14.0/messages_zh.js"></script> 

<!--字段验证js文件开始！-->
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__ADMIN__/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__ADMIN__/customer/pmtools.js"></script>
<!--字段验证js文件结束-->
<script type="text/javascript">
$(function(){
    $('.skin-minimal input').iCheck({
        checkboxClass: 'icheckbox-blue',
        radioClass: 'iradio-blue',
        increaseArea: '20%'
    });

</script> 
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?080836300300be57b7f34f4b3e97d911";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
$(function(){
    $("#form-user-add").validate({
        rules:{
            uName:{
                required:true
            },
            password:{
                required:true,
            },
            code:{
                required:true,
            }
        },
        onkeyup:false,
        focusCleanup:true,
        success:"valid",
        
    });
});
</script>

<!--/请在上方写此页面业务相关的脚本-->
{include file="public/footer"}